@import "~@/styles/theme.less";

.certificate-page {
	height: 100%;
	background: #fff;
	.ant-tooltip {
		max-width: 380px !important;
		.ant-tooltip-inner {
			padding: 10px;
		}
		.tip-content {
			display: flex;
			flex-direction: column;
			font-size: 12px;
		}
	}
	.container {
		padding: 20px 32px 32px 32px;
	}
	.operate {
		height: 32px;
		.ant-btn-primary {
			float: left;
		}
	}

	.table-list {
		margin-top: 20px;
		.cancel {
			white-space: nowrap;
			font-size: 12px;
			font-weight: 400;
			display: flex;
			align-items: center;
			.circle {
				background-color: rgba(104, 109, 118, 1);
				width: 4px;
				height: 4px;
				border-radius: 50%;
				margin-right: 9.5px;
				margin-left: 1.5px;
				box-shadow: 0 0 0 2.5px rgba(23, 30, 45, 0.25);
				animation: antStatusProcessing 1.2s infinite ease-in-out;
			}
		}
	}
}

.create-c-modal {
	.create-steps {
		margin: 32px auto 25px auto;
		padding: 0 130px;
		.steps-icon {
			width: 26px;
			height: 26px;
			background: @primary-color;
			border: 1px solid @primary-color;
			line-height: 16px;
			border-radius: 50%;
			.steps-icon-label {
				font-size: 12px;
				color: rgba(255, 255, 255, 1);
			}
		}
		.ant-steps-label-vertical .ant-steps-item-content {
			.ant-steps-item-title {
				font-size: 12px;
			}
		}
	}
	.steps-content {
		padding: 0 32px;
	}
	.step1-form {
		.ant-form-item {
			margin-bottom: 16px;
		}
		.ant-form-item:last-of-type {
			margin-bottom: 0;
		}
		.ant-btn form1-btn {
			width: 0;
			height: 0;
		}
	}
	.dynamic-field {
		display: flex;
		font-size: 12px;
	}
	.dynamic-label {
		width: 70px;
		margin-right: 1px;
		font-size: 12px;
		.form-tip {
			margin-top: 5px;
			font-size: 12px;
			font-weight: 400;
			color: @normalColor;
			line-height: 20px;
			display: flex;
			align-items: center;
			svg {
				margin-right: 4px;
			}
			&:hover {
				color: @primary-color;
			}
		}
	}
	.dynamic-form {
		flex: 1;
		.ant-form-item {
			margin-bottom: 0;
		}
		.ant-space {
			display: flex;
			align-items: center;
		}
		.ant-form-item-control-input-content {
			input {
				font-size: 12px;
				font-weight: 400;
				color: rgba(23, 30, 45, 1);
			}
			input::placeholder {
				font-size: 12px;
				font-weight: 400;
				color: rgba(23, 30, 45, 0.25);
			}
		}
	}
}
